<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns:th="http://www.thymeleaf.org" th:with="title='收藏夹'">
<head th:replace="common/head :: common_header(~{::link},~{::script})">

    <link type="text/css" rel="stylesheet" th:href="@{/web/user/setting.css}"/>
    <script type="text/javascript" th:src="@{/web/user/setting.js}"></script>

    <link type="text/css" rel="stylesheet" th:href="@{/web/user/favorite.css}"/>
    <script type="text/javascript" th:src="@{/web/user/favorite.js}"></script>

</head>
<body id="cc">
<div th:replace="common/out"></div>
<div id="topBox">
    <div th:replace="common/top"></div>
</div>

<div id="markerBox">
    <i class="fa fa-map-marker"   aria-hidden="true"></i>
    <span><a th:href="@{/home.do}">首页</a></span>
    <span>	&gt;</span>
    <span id="endMarker"></span>
</div>

<div id="layoutBox">

    <div  id="west"  class="ui-layout-west" style="padding:10px;">
        <div th:replace="user/settingLeft"></div>
    </div>
    <div id="center" class="ui-layout-center" >
        <div  id="center-north"  class="ui-layout-north" style="border-bottom: 1px solid #ddd;background: none;" >
            <div class=" settings-title b-title-b " style="text-align:center;color:#555;">
                <span>我的收藏</span>
            </div>
        </div>
        <div  id="center-west"  class="ui-layout-west" >
            <div class="panel ">
                <div class="panel-heading" style="border-bottom: 1px solid #DDDDDD;background: #F8F8F8">
                    <span class="title-s">
                        收藏夹
                    </span>
                </div>
                <div class="panel-body" style="padding: 10px;border:0;" >
                    <ul id="list-group" class="list-group" style="margin-bottom: 50px;">
                        <li class="list-group-item title-s" th:each="gn:${scjlist}" th:id="${gn.SCJ_ID}"  >
                            <span th:text="${gn.SCJ_MC}"></span>
                            <a class="gn" >
                                <i class="fa fa-list-ul"></i>
                            </a>
                            <ul class="list-group toolbox">
                                <a class="list-group-item " href="#" th:onclick="'renameFolder(\''+${gn.SCJ_ID}+'\',\''+${gn.SCJ_MC}+'\')' " >重命名</a>
                                <a class="list-group-item " href="#" th:onclick="'removeFolder(\''+${gn.SCJ_ID}+'\',\''+${gn.SCJ_MC}+'\')' ">删除</a>
                                <a class="list-group-item " href="#" th:onclick="'topFolder(\''+${gn.SCJ_ID}+'\',\''+${gn.SCJ_MC}+'\')' ">置顶</a>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div id="center-center" class="ui-layout-center" >
            <div class="panel ">
                <div class="panel-heading" style="border-bottom: 1px solid #DDDDDD;background: #F8F8F8">
                     <span class="title-s">
                        收藏功能
                    </span>
                </div>
                <div class="panel-body" style="padding: 10px;border:0;" >
                    <div class="slideTxtBox sm-height">
                        <div class="gn-group" id="favGroup">

                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>

</div>


</body>
</html>
